<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>鲁班兄弟商城VIP登录</title>
    <!--重置样式-->
    <link rel="stylesheet" type="text/css" href="../css/reset.css" />
    <!--公共样式-->
    <link rel="stylesheet" type="text/css" href="../css/public.css" />
    <!--页面样式-->
    <link rel="stylesheet" type="text/css" href="../css/login_vip.css" />
    <link rel="shortcut icon" href="image/public/favicon.ico" type="image/x-icon">
</head>

<body>
    <div id="wrapper">
        <!--首页头部 start-->
        <header id="header_index">
            <!--顶部 s-->
            <div class="top clearfix">
                <p class="fl inblock">
                    <a href="login_signUp.html">注册</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="login_settl.html">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="#">VIP登录</a>
                </p>
                <p class="fr inblock icon">
                    <a href="shop_class.html">商家注入</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="order_info.html">我的订单</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                    <a class="icon_1" href="shop_cart.html"><img src="../image/public/cart.png" /><span>(0)</span></a>
                </p>
            </div>
            <!--顶部 e-->
            <!--导航-->
            <nav class="nav clearfix">
                <!--logo-->
                <div class="clearfix">
                    <div class="logo fl">
                        <a href="../index.html"><img src="../image/public/logo.png" title="" /></a>
                    </div>
                    <!--搜索框-->
                    <div class="searchBar fl">
                        <input type="text" placeholder="search" />
                        <input type="image" src="../image/public/search.png" />
                    </div>
                </div>
                <p class="search_histry">
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>
                </p>
                <!--导航 s-->
                <ul class="fl clearfix">
                    <li class="fl navigation_hover">
                        <a href="">木工</a>
                        <div class="navigation clearfix">
                            <dl class="fl">
                                <dt>板材</dt>
                                <dd>装饰面板</dd>
                                <dd>宝丽版</dd>
                                <dd>三聚氰胺版</dd>
                                <dd>铝朔版</dd>
                                <dd>多层版</dd>
                                <dd>中纤版</dd>
                                <dd>细木工板</dd>
                                <dd>刨花版</dd>
                            </dl>
                            <dl class="fl">
                                <dd class=" margin">欧松板</dd>
                                <dd>防火板</dd>
                                <dd>密度板</dd>
                                <dd>其他板材</dd>
                            </dl>
                            <dl class="fl">
                                <dt>地板</dt>
                                <dd>实木地板</dd>
                                <dd>实木复合地板</dd>
                                <dd>强化复合地板</dd>
                                <dd>竹地板</dd>
                                <dd>软木地板</dd>
                                <dd>塑料地板</dd>
                                <dd>PVC地板</dd>
                                <dd>其他地板</dd>
                            </dl>
                            <dl class="fl">
                                <dt>木线</dt>
                                <dd>普通龙骨</dd>
                                <dd>精品龙骨</dd>
                                <dd>顶线</dd>
                                <dd>门线</dd>
                                <dd>角线</dd>
                                <dd>木方线</dd>
                                <dd>收口线</dd>
                                <dd>花木线</dd>
                            </dl>
                            <dl class="fl">
                                <dd class=" margin">踢脚线</dd>
                                <dd>定制木线</dd>
                                <dd>其它木线</dd>
                            </dl>
                            <dl class="fl">
                                <dt>地板配件</dt>
                                <dd>地板钉</dd>
                                <dd>扣条</dd>
                                <dd>地垫</dd>
                                <dd>地板蜡</dd>
                                <dd>地板清洁剂</dd>
                                <dd>底板防水油</dd>
                                <dd>地板修补剂</dd>
                                <dd>甲醇清除剂</dd>
                            </dl>
                            <dl class="fl">
                                <dd class=" margin">地板安装工具</dd>
                                <dd>其他地板配件 </dd>
                            </dl>
                            <dl class="fl">
                                <dt>吊顶钢龙骨</dt>
                                <dd>吊筋</dd>
                                <dd>吊钢</dd>
                                <dd>轻钢龙骨</dd>
                                <dd>扣板龙骨</dd>
                                <dd>铝合金龙骨</dd>
                                <dd>其它吊件</dd>
                            </dl>
                            <dl class="fl">
                                <dt>木工类五金</dt>
                                <dd>拉手</dd>
                                <dd>锁</dd>
                                <dd>合页</dd>
                                <dd>铰链</dd>
                                <dd>插销</dd>
                                <dd>门夹</dd>
                                <dd>碰珠</dd>
                                <dd>脚轮</dd>
                            </dl>
                            <dl class="fl">
                                <dd class="margin">闭门器</dd>
                                <dd>地弹簧</dd>
                                <dd>吊轮</dd>
                                <dd>导轨</dd>
                                <dd>螺栓</dd>
                                <dd>钉</dd>
                                <dd>角码</dd>
                                <dd>螺母</dd>
                            </dl>
                            <dl class="fl">
                                <dd class="margin">围网</dd>
                                <dd>其他木工五金</dd>
                            </dl>
                        </div>
                    </li>
                    <li class="fl">
                        <a href="">水泥工</a>
                    </li>
                    <li class="fl">
                        <a href="">油漆工</a>
                    </li>
                    <li class="fl">
                        <a href="">水电工</a>
                    </li>
                    <li class="fl">
                        <a href="">门窗/其他</a>
                    </li>
                    <li class="fl">
                        <a href="">装修工具</a>
                    </li>
                    <li class="fl">
                        <a href="">消防材料</a>
                    </li>
                    <li class="fl">
                        <a href="">建筑防护</a>
                    </li>
                    <li class="fl">
                        <a href="">精细化学品</a>
                    </li>
                    <li class="fl">
                        <a href="">定制/非标准值</a>
                    </li>
                    </dl>
            </nav>
            <!--导航  e-->
        </header>
        <!--公共部分结束-->
        <!--容器-->
        <div class="box">
            <!--图片-->
            <div class="pic"></div>
            <!--表单-->
            <form action="#">
                <!--邮箱手机输入框-->
                <div class="login_mail">邮箱/手机</div>
                <input type="text" name="mail" id="mail" value="" />

                <!--密码输入框-->
                <div class="login_passwork">密码</div>
                <input type="password" name="password" id="password" value="" />

                <!--登录按钮-->
                <input type="submit" id="login" value="登录" />

                <!--记住密码-->
                <div class="find clearfix">
                    <input type="checkbox" name="find" id="find" value="" /><label for="find">记住密码</label>
                    <div class="findwd fr"><a href="">忘记密码？</a></div>
                </div>
            </form>
        </div>
        <!--底部公共部分-->
        <footer class="footer">
            <div class="preferential clearfix">
                <ul>
                    <li>
                        <div>
                            <img src="../image/public/you.png" />
                        </div>
                        <div>
                            <p>品质保障</p>
                            <p>品质保证 购物无忧</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="../image/public/spacial.png" />
                        </div>
                        <div>
                            <p>特色服务</p>
                            <p>针对户型 私人定制</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="../image/public/save.png" />
                        </div>
                        <div>
                            <p>全网最低</p>
                            <p>厂家直销 低价承诺</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="../image/public/help.png" />
                        </div>
                        <div>
                            <p>帮助中心</p>
                            <p>您的购物指南</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="info clearfix">
                <dl>
                    <dt>新手指南</dt>
                    <dd>新手指南</dd>
                    <dd>购物流程</dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd>支付宝</dd>
                    <dd>微信支付</dd>
                </dl>
                <dl>
                    <dt>物流配送</dt>
                    <dd>配送方式</dd>
                    <dd>服务流程</dd>
                </dl>
                <dl>
                    <dt>客服中心</dt>
                    <dd>在线客服</dd>
                    <dd>常见问题</dd>
                </dl>
                <div class="code fl">
                    <h2>扫一扫，关注鲁班兄弟</h2>
                    <span>
						<img src="../image/public/qr_code.png"/>
					</span>
                </div>
            </div>
            <p class="fot_bt">
                <span>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</span>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="">关于我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="">联系我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="">法律声明</a>
            </p>
        </footer>
    </div>

</body>

</html>